<template>
  <div id="app">
    <img id='titleBannnerId'  v-bind:src='titleImage' v-show="showBanner">
    <router-view/>
  </div>
</template>
/**
app.vue可以当做是网站首页，也可以写所有页面中共同需要的动画或者样式，不在他上面写代码也可以。只要你在router文件夹中的index.js填写好路由就行。

App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。可以理解为所有的路由router也是App.vue的子组件。
 */
<script>
export default {
  name: 'App',
  data(){
    return{
      //src 的相对路径需要require进行包裹
      titleImage:require("./assets/logo/logo2-title.png"),
      showBanner:false
    }
  },
  created: function () {
    //隐藏banner
    this.showBanner = false;
  },
  methods:{
    bannerChange(){
      this.showBanner = true;
      console.log('展示主页banner')
    }
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 2px;
}
</style>
